{template 'header'}
<link rel="stylesheet" href="../addons/mx_shop/resources/cgc/css/member/score.css">


<body>
<!--头部-->
<header class="mui-bar mui-bar-nav" style="background: #72adf5;box-shadow:none">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
    <h1 class="mui-title" style="color: white;">我的积分</h1>
</header>
<!--积分部分-->
<div class="top">
    <span>积分说明</span>
    <p>
        <img src="../addons/mx_shop/resources/cgc/images/circle.png">
        <span>CGC通用积分</span>
        <span> 250.00</span>
    </p>
    <p>
        <img src="../addons/mx_shop/resources/cgc/images/circle.png">
        <span>平台积分</span>
        <span> 250.00</span>
    </p>
    <!--积分总额部分-->
    <div class="total">
        <span>50.00</span>
        <span>积分总额</span>
    </div>
</div>
<!--积分记录和积分商城导航栏-->
<div class="nav">
    <p class="navLeft">
        <img src="../addons/mx_shop/resources/cgc/images/record-logo.png" alt="">
        <span>积分记录</span>
    </p>
    <p class="navRight">
        <img src="../addons/mx_shop/resources/cgc/images/store-logo.png" alt="">
        <span>积分商城</span>
    </p>
</div>
<!--积分记录内容-->
<div class="lineBg">
    <!--折线图部分-->
    <div class="bgOne">
        <span>近七天平台积分趋势图</span>
        <div id="main" class="main"></div>
    </div>
    <!--平台积分部分-->
    <div class="bgTwo">
        <span>平台积分组成</span>
        <div class="bgThree">
            <div class="terrace">
                <ul>
                    <li><span>CGC通用积分</span></li>
                    <li>
                        <div class="grounding">
                            <div class="topGrade one"></div>
                        </div>
                    </li>
                    <li><span>100</span></li>
                </ul>
            </div>
            <div class="terrace">
                <ul>
                    <li><span>健康平台积分</span></li>
                    <li>
                        <div class="grounding">
                            <div class="topGrade two"></div>
                        </div>
                    </li>
                    <li><span>50</span></li>
                </ul>
            </div>
            <div class="terrace">
                <ul>
                    <li><span>旅游平台积分</span></li>
                    <li>
                        <div class="grounding">
                            <div class="topGrade three"></div>
                        </div>
                    </li>
                    <li><span>20</span></li>
                </ul>
            </div>
            <div class="terrace">
                <ul>
                    <li><span>餐饮平台积分</span></li>
                    <li>
                        <div class="grounding">
                            <div class="topGrade four"></div>
                        </div>
                    </li>
                    <li><span>20</span></li>
                </ul>
            </div>
            <div class="terrace">
                <ul>
                    <li><span>酒店平台积分</span></li>
                    <li>
                        <div class="grounding">
                            <div class="topGrade five"></div>
                        </div>
                    </li>
                    <li><span>10</span></li>
                </ul>
            </div>
        </div>

    </div>

</div>

<!--积分商城内容-->
<div class="contentBg">
    <div class="recommend_img">
        <img src="../addons/mx_shop/resources/cgc/images/recommend.png" alt="">
    </div>
    <div class="storeBg">
        <div class="left">
            <img src="../addons/mx_shop/resources/cgc/images/commodity.png" alt="">
        </div>
        <div class="right">
            <div class="conFont">
                <div class="font">
                    <span>商品</span>
                    <span>破壁灵芝孢子粉X1S至享装（礼盒）</span>
                </div>
                <div class="integralIcon">
                    <img src="../addons/mx_shop/resources/cgc/images/integral.png" alt="">
                    <span>100积分</span>
                </div>
            </div>
            <div class="add_img">
                <img src="../addons/mx_shop/resources/cgc/images/add.png" alt="">
            </div>
        </div>
    </div>
    <div class="storeBg">
        <div class="left">
            <img src="../addons/mx_shop/resources/cgc/images/commodity.png" alt="">
        </div>
        <div class="right">
            <div class="conFont">
                <div class="font">
                    <span>商品</span>
                    <span>破壁灵芝孢子粉X1S至享装（礼盒）</span>
                </div>
                <div class="integralIcon">
                    <img src="../addons/mx_shop/resources/cgc/images/integral.png" alt="">
                    <span>100积分</span>
                </div>
            </div>
            <div class="add_img">
                <img src="../addons/mx_shop/resources/cgc/images/add.png" alt="">
            </div>
        </div>
    </div>
    <div class="storeBg">
        <div class="left">
            <img src="../addons/mx_shop/resources/cgc/images/commodity.png" alt="">
        </div>
        <div class="right">
            <div class="conFont">
                <div class="font">
                    <span>商品</span>
                    <span>破壁灵芝孢子粉X1S至享装（礼盒）</span>
                </div>
                <div class="integralIcon">
                    <img src="../addons/mx_shop/resources/cgc/images/integral.png" alt="">
                    <span>100积分</span>
                </div>
            </div>
            <div class="add_img">
                <img src="../addons/mx_shop/resources/cgc/images/add.png" alt="">
            </div>
        </div>
    </div>
    <!--底部按钮-->
    <div class="bottomBtn">
        <div class="btnImg">
            <img src="../addons/mx_shop/resources/cgc/images/gitbox.png" alt="">
        </div>
        <div class="btnFont">
            <span>更多惊喜礼品兑换</span>
            <span>点击进入积分商城</span>
        </div>
        <div class="boult">
            <img src="../addons/mx_shop/resources/cgc/images/skip.png" alt="">
        </div>
    </div>
</div>


</body>
<script type="text/javascript" src="../addons/mx_shop/resources/cgc/js/member/echarts.min.js"></script>
<script type="text/javascript" src="../addons/mx_shop/resources/cgc/js/member/score.js"></script>

</html>